<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Cursos Prefacultativos</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" type="text/css" href="css/main.css">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript">

            $(document).ready(function() {
                var hash = document.location.hash;
                var prefix = "tab_";
                if (hash) {
                    $('.nav-tabs a[href=' + hash.replace(prefix, "") + ']').tab('show');
                }

                $('.nav-tabs a').on('shown.bs.tab', function(e) {
                    window.location.hash = e.target.hash.replace("#", "#" + prefix);
                });

                $('#myTabs a').click(function(e) {
                    e.preventDefault();
                    $(this).tab('show');
                });
            });
            $('.carousel').carousel({
                interval: 2000
            });
        </script>
    </head>
    <body>  
        <div class="wrapper">
            <header>
                <h1 class="title">Cursos Prefacultativos - FCYT</h1>
                <nav>
                    <ul>
                        <li><a href="http://www.fcyt.umss.edu.bo">FCYT</a></li>
                        <li><a href="http://sagaa.fcyt.umss.edu.bo/admision/noticias.php">ADMISIONES</a></li>
                        <li><a href="http://www.umss.edu.bo">UMSS</a></li>
                    </ul>
                </nav>
            </header>
            <div class="page">
                <aside>
                    <div class="list-group">
                        <a href="index.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-home"></span></span>
                            Inicio
                        </a>
                        <a href="convocatoria.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-list"></span></span>
                            Convocatoria
                        </a>
                        <a href="cronograma.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-calendar"></span></span>
                            Cronograma
                        </a>
                        <a href="documentos.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-file"></span></span>
                            Documentos
                        </a>
                        <a href="formulario.html" class="list-group-item active">
                            <span class="badge"><span class="glyphicon glyphicon-list-alt"></span></span>
                            Formulario
                        </a>
                        <a href="reglamento.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-book"></span></span>
                            Reglamento
                        </a>
                        <a href="contactos.html" class="list-group-item">
                            <span class="badge"><span class="glyphicon glyphicon-phone-alt"></span></span>
                            Lugares Y Contactos
                        </a>
                    </div>
                </aside>
                <div class="content">
                    <div style="float: right; width: 100%;">
                        <ul class="nav nav-tabs nav-justified" id="myTabs">
                            <li class="active"><a href="#des">Descripcion General</a></li>
                            <li class=""><a href="#replica">Replica</a></li>
                            <li class=""><a href="#demo">Demostracion</a></li>
                        </ul>
                        <div class="tab-content" style="padding-top: 20px;">
                            <div class="tab-pane active" id="des">
                                <div class="col-lg">

                                    <center><h3>Pasos claves para el correcto llenado del formulario</h3></center>
                                    <p>Como postulante debe seguir muy detenidamente los pasos especificados:</p>   

                                    <article class="breadcrumb">
                                        <dt>PASO 1<dt>
                                        <dd>Ingresando a <a href="http://admision.fcyt.umss.edu.bo">admision.fcyt.umss.edu.bo</a>, hacer clic en Formulario de Inscripción.<dd>  

                                        <dt>PASO 2<dt>
                                        <dd>Seleccione la Gestión CURSO PRE-FACULTATIVO

                                        <dt>PASO 3<dt>
                                        <dd>Para llenar el Formulario use letra MAYÚSCULA.</td>

                                        <dt>PASO 4<dt>
                                        <dd>Correo electrónico, sin importar que este contenga letras mayúsculas, 
                                            minúsculas, números u otros caracteres. Por ejemplo: nk_009_KING@gmail.com</td>

                                        <dt>PASO 5<dt>
                                        <dd>Seleccione el nombre de su colegio en la lista, en caso de que su colegio NO 
                                            figure en la lista, haga clic en Registrar Nuevo Colegio, llene los datos que corresponden y 
                                            nuevamente pulse Registrar Colegio.</td>

                                        <dt>PASO 6<dt>
                                        <dd>Verifique que todos sus datos personales estén correctamente escritos. En caso de 
                                            que se haya equivocado pulse MODIFICAR INFORMACIÓN REGISTRADA.</td>

                                        <dt>PASO 7<dt>
                                        <dd>Debe subir una fotografía suya con las siguientes características: tamaño en pixeles de300x300, máximo tamaño en kilobyte de 50 kb, el fondo de la fotografía debe ser blanco y la extensión o formato debe ser JPG.</td>

                                        <dt>PASO 8<dt>
                                        <dd>Una vez hecho todo esto presione FINALIZAR REGISTRO. Espere que su fotografía sea revisada. Para luego imprimir su formulario.</td>

                                        <dt>PASO 9<dt>
                                        <dd>Para ver si su fotografía fue aceptada, vaya a la opción llenar Formulario e ingrese la gestión, número de carnet de identidad y fecha de nacimiento (Paso 1) y le aparecerá la opción</td>
                                    </article>             
                                    <h4>Imprimir Formulario</h4>
                                    <article class="breadcrumb">
                                        <dt>PASO 10<dt>
                                        <dd>Enseguida le aparecerá la ventana Abriendo Formulario, pulse la opción Aceptar.</td>

                                        <dt>PASO 11<dt>
                                        <dd>Finalmente se abrirá el Formulario en formato pdf, listo para ser impreso.</td>
                                    </article>
                                </div>
                                <center>
                                    Puede hacer pruebas antes de llenar el formulario real aqui</br>
                                    <a href="#replica" class="btn btn-primary btn-lg">Llenar Formuario de Prueba</a>
                                </center>
                            </div>
                            <div class="tab-pane" id="replica">
                                <div class="col-lg">
                                    <center><h3>Formulario de Inscripcion</h3><br></center>
                                    <h4>Datos Personales</h4><br>
                                    <form class="form-horizontal" role="form">
                                        <article class="breadcrumb">
                                            <div class="form-group">
                                                <label for="ci" class="col-sm-3 control-label">Cedula de Identidad</label>
                                                <div class="col-xs-4">
                                                    <input type="tel" class="form-control" id="inputEmail3" placeholder="Numero de CI">
                                                </div>

                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label">Fecha de Nacimiento</label>
                                                <div class="col-xs-4">
                                                    <input type="date" class="form-control" id="inputEmail3" placeholder="dia/mes/anio">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label">Apellidos</label>
                                                <div class="col-xs-5">
                                                    <input type="text" class="form-control" id="inputEmail3" placeholder="Apellidos del postulante">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label">Nombres</label>
                                                <div class="col-xs-5">
                                                    <input type="text" class="form-control" id="inputEmail3" placeholder="Nombres del postulante">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="fnac" class="col-sm-3 control-label">Datos de Nacimiento</label>
                                                <div class="col-xs-2">
                                                    <select class="form-control">
                                                        <option>Bolivia</option>
                                                        <option>Brasil</option>
                                                        <option>Argentina</option>
                                                        <option>Chile</option>
                                                        <option>Peru</option>
                                                    </select>
                                                </div>
                                                <div class="col-xs-3">
                                                    <select class="form-control">
                                                        <option>Cochabamba</option>
                                                        <option>Santa Cruz</option>
                                                        <option>Tarija</option>
                                                        <option>Oruro</option>
                                                        <option>Chuquisaca</option>
                                                        <option>Pando</option>
                                                        <option>Beni</option>
                                                        <option>Potosi</option>
                                                        <option>La Paz</option>
                                                    </select>
                                                </div>
                                                <div class="col-xs-2">
                                                    <select class="form-control">
                                                        <option>Cercado</option>
                                                        <option>Quillacollo</option>
                                                        <option>Provincia</option>
                                                        <option>Municipio</option>
                                                        <option>Otros...</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label">Genero</label>
                                                <div class="col-xs-2">
                                                    <select class="form-control">
                                                        <option>Femenino</option>
                                                        <option>Masculino</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputEmail3" class="col-sm-3 control-label">Estado Civil</label>
                                                <div class="col-xs-2">
                                                    <select class="form-control">
                                                        <option>Soltero</option>
                                                        <option>Casado</option>
                                                        <option>Divorciado</option>
                                                        <option>Viudo</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </article>

                                        <h4>Datos de Contacto</h4><br>        
                                        <article class="breadcrumb">
                                            <div class="form-group">
                                                <label for="direccion" class="col-sm-3 control-label">Direccion</label>
                                                <div class="col-xs-3">
                                                    <select class="form-control">
                                                        <option>Particular</option>
                                                        <option>Aiquilado</option>
                                                        <option>Anticretico</option>
                                                        <option>Otro</option>
                                                    </select>
                                                </div>
                                                <div class="col-xs-4">
                                                    <input type="text" class="form-control" id="inputEmail3" placeholder="Direccion">
                                                </div>

                                            </div>
                                            <div class="form-group">
                                                <label for="email" class="col-sm-3 control-label">Correo electronico</label>
                                                <div class="col-xs-4">
                                                    <input type="email" class="form-control" id="inputEmail3" placeholder="example@gmail.com">
                                                </div>

                                            </div>
                                            <div class="form-group">
                                                <label for="telf" class="col-sm-3 control-label">Telefono</label>
                                                <div class="col-xs-4">
                                                    <input type="tel" class="form-control" id="inputEmail3" placeholder="71234567">
                                                </div>    
                                            </div>
                                        </article>
                                        <h4>Datos de Bachillerato</h4><br>
                                        <article class="breadcrumb">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label for="colegio" class="col-sm-3 control-label">Colegio</label>
                                                    <div class="col-xs-2">
                                                        <select class="form-control">
                                                            <option>Fiscal</option>
                                                            <option>Particular</option>
                                                            <option>Convenio</option>
                                                            <option>Otro</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-xs-3">
                                                        <select class="form-control">
                                                            <option>Bolivar</option>
                                                            <option>La Salle</option>
                                                            <option>Santa Ana</option>
                                                            <option>Cristiano Colcapirhua</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-xs-3">
                                                        <a href="nuevocol.html">Registrar nuevo colegio</a>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bachiller" class="col-sm-3 control-label">Año de Bachillerato</label>
                                                    <div class="col-xs-2">
                                                        <select class="form-control">
                                                            <option>2003</option>
                                                            <option>2004</option>
                                                            <option>2005</option>
                                                            <option>2006</option>
                                                            <option>2007</option>
                                                            <option>2008</option>
                                                            <option>2009</option>
                                                            <option>2010</option>
                                                            <option>2011</option>
                                                            <option>2012</option>
                                                            <option>2013</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="lugarclase" class="col-sm-3 control-label">Donde desea pasar clases</label>
                                                    <div class="col-xs-5">
                                                        <select class="form-control">
                                                            <option>Facultad de ciencias y tegnologia (Cercado)</option>
                                                            <option>Otro</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </article>
                                        <h4>Datos de Inscripcion</h4><br>        
                                        <article class="breadcrumb">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label for="gestion" class="col-sm-3 control-label">Gestion</label>
                                                    <div class="col-xs-4">
                                                        <select class="form-control">
                                                            <option>Curso Pre-Facultativo 3-2013</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bachiller" class="col-sm-3 control-label">Carrera</label>
                                                    <div class="col-xs-4">
                                                        <select class="form-control">
                                                            <option>Ingenieria Informatica</option>
                                                            <option>Ingenieria en Sistemas</option>
                                                            <option>Ingenieria Civil</option>
                                                            <option>Ingenieria Electronica</option>
                                                            <option>Ingenieria Industrial</option>
                                                            <option>Ingenieria Mecanica</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="lugarclase" class="col-sm-3 control-label">Donde desea pasar clases</label>
                                                    <div class="col-xs-5">
                                                        <select class="form-control">
                                                            <option>Facultad de ciencias y tegnologia (Cercado)</option>
                                                            <option>Otro</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <center>
                                                        <a href="finalform.html" type="submit" class="btn btn-primary">Guardar Formulario</a>
                                                        <button type="reset" href="#" class="btn btn-primary">Cancelar Llenado</button>
                                                    </center>
                                                </div>
                                            </div>
                                        </article>
                                    </form>
                                </div>
                            </div>
                            <div class="tab-pane" id="demo">
                                <div class="col-lg-7">
                                    <h5>Demostracion</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="push"></div>
        </div>
        <footer>
            <section>
                <p>&copy; 2013 - BraveSoft S.R.L.</p>
            </section>
        </footer>
    </body>
</html>
